/*@font-face
{
    font-family: ''微软雅黑'';
    src: url('../fonts/'微软雅黑'.TTF');
}*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } 
textarea { -webkit-appearance: none;}
.container {
    position: relative;
}
/* 头部信息 */

.header {
    width: 100%;
    height: 53px;
    background: #ffffff;
    position: fixed;
    top: 0;
    border-bottom: #d5d5d5 1px solid;z-index: 3;
}
.logo{margin:19px 0 0 53px;display: inline-block;    vertical-align: top;}
.headnav{margin:26px 0 0 84px;display: inline-block;}
.headnav li{padding:0 22px;border-right:solid 1px #bcbcbc;height:11px;float:left;line-height: 11px;}
.headnav li:last-child{border:none;}
.headnav a{font-size:13px;color:#000;}
.headnav a.active,.headnav a:hover{color:#1461b6;}
/* 左侧菜单 */

.lefnav {
    width: 225px;
    background: #2e2e2e url("../img/xzbg.jpg") left 0 repeat-y;
    height: 100%;
    top: 53px;
    overflow: auto;
    position: fixed;z-index: 2;
}

.lefnav::before {
    content: "";
    height: 28px;
    width: 2px;
    top: 0;
    left: 53px;
    background: #2e2e2e;
    position: absolute;
}

.leftnavst {
    margin: 28px 0 3px 23px;
}

.leftnavst dt {
    position: relative;
    background: #717171 url(../img/sj2.jpg) center right no-repeat;
    width: 148px;
    height: 23px;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    margin-left: 18px;
    padding-left: 14px;cursor: pointer;
}

.leftnavst dt span {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    border: solid 3px #717171;
    position: absolute;
    left: -23px;
    top: -5px;
    color: #717171;
    background: #2e2e2e;
}

.leftnavst strong {
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    font-weight: normal;
    display: block;    font-family: '微软雅黑';
}

.leftnavst dd {
    position: relative;
    margin-left: 32px;
    width: 117px;
    margin-top: 22px;
    font-size: 14px;
    display: none;
}

.leftnavst dd span {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -3px;
    left: -14px;
    background: #717171;
    color: #2e2e2e;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
}

.leftnavst dd>a {
    color: #ffffff;
	line-height: 20px;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 125px;
    display: block;
	padding-left:20px;
	cursor:pointer;
}
.leftnavst dd li{padding-left:27px;background:url(../img/nav3bg.jpg) left center no-repeat;line-height:35px;}
.leftnavst dd li a{color:#ffffff;width:122px;display:block;overflow:hidden;    word-break: keep-all;
    text-overflow: ellipsis;    white-space: nowrap;}
.leftnavst ul{display:none;margin-top:10px;}	
.leftnavst dd.active ul{display:block;}
.leftnavst.active dt {
    color: #1a82d0;
    background: #e3e5ec url(../img/sj.jpg) center right no-repeat;
}

.leftnavst.active dt span {
    color: #e3e5ec;
    border-color: #e3e5ec;
}

.leftnavst.active dd {
    display: block;
}

.leftnavst dd.active span {
    background: #1a82d0;
    color: #ffffff;
}

.leftnavst dd.active>a {
    color: #1a82d0;
}
.leftnavst dd:hover span {
    background: #1a82d0;
    color: #ffffff;
}

.leftnavst dd:hover>a {
    color: #1a82d0;
}
/* end */

.containermain {
    padding-left: 225px;
    padding-top: 53px;
    background: #efefef;
}
/* 相册代码 */

.pcviews,
.pctabcontent {
    height:100%;
}

.wpdtswp {  height: 90%;margin-top: 100px;}

.pcviews {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(64, 69, 78, .9);z-index: 3;
}

.wpdtswp {
    margin: 0 auto;
    width: 70%;
    height: 100%;
}

.wpdtswp .swiper-slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.wpdtswp img {
    max-height: 700px;
    width: auto;
    vertical-align: super;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.minwpdswp {
    width: 84px;
    height: 342px;
}

.minwpdswp .swiper-slide {
    width: 80px;
    height: 80px;
    overflow: hidden;
    opacity: 0.4;
    border: 2px solid rgba(240, 248, 255, 0);
}

.minwpdswp img {
    width: 100%;
}

.minwpdswp .swiper-slide-active {
    opacity: 1;
    border: 2px solid #519cea;
}

.minwpposition {
    position: absolute;
    height: 342px;
    width: 84px;
    right: 50px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
}

.minwpposition .swiper-button-next,
.minwpposition .swiper-button-prev {
    width: 80px;
    height: 29px;
    margin: 0;
    left: 2px;
    background: url(../img/picture-dialog-icon.png) no-repeat;
}

.minwpposition .swiper-button-prev {
    background-position: 0 -142px;
    top: -32px;
}

.minwpposition .swiper-button-next {
    background-position: 0 -244px;
    bottom: -32px;
    top: initial;
}

.pcwptitle {
    position: relative;
    z-index: 2;
    overflow: hidden;
    color: #a7b2bc;
    font-size: 14px;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #161a1e;
    line-height: 42px;
    background-color: #2e3239;
}

.pcwptitle h2 {
    float: left;
    padding-left: 15px;
}

.pcwptitle span {
    float: right;
    cursor: pointer;
    margin-right: 15px;
}

.mainwp{width:1082px;margin: 31px auto 0;}
.pmnav{font-weight: normal;font-size:13px;}
.pmnav strong{font-weight: normal;color:#1461b6}
.zwcontener{background:#ffffff;width:916px;padding:111px 74px 50px;margin:36px 0 0 18px;position:relative;border-top:solid 7px #fafafa;border-bottom:solid 7px #fafafa;
box-shadow: #dadada 0px 0px 3px 1px;}
.nrtitle{min-width:200px;padding:0 15px;height:54px;position:absolute;left:-18px;top:10px;line-height:54px;background:url(../img/titlebg.png) no-repeat;background-size:100%;text-align: left;color:#ffffff;font-size:18px;font-family: '微软雅黑';}
.textbox p,.textbox2 p{font-size:14px;text-indent: 28px;line-height:26px; }
.textbox,.textbox2{position:relative;}
.wztextwp{background: -webkit-linear-gradient(transparent, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(transparent, #ffffff ,#ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(transparent, #ffffff ,#ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(transparent, #ffffff, #ffffff); /* 标准的语法 */
position:absolute;width:100%;height:57px;bottom:0;left:0; text-align: center;}
.ydqwbtn{border-radius: 5px;border:solid 1px #aaaaaa;color:#888;padding:6px 8px;cursor: pointer;margin-top: 30px;display: inline-block;font-size: 13px;}

.videowp{background:#000000;}
.videobox{border:solid 1px #dadadd;padding:2px;width:916px;overflow: hidden;margin-top:57px;}
.vdhidewp{height:303px;overflow: hidden; box-sizing: border-box;}
.videoitem{background:#e3e5ec;    padding: 9px 0 6px 14px;
    margin-bottom: 10px;border:solid 1px #dfdddd;border-radius: 2px;}
.videoitem .vdtitle{color:#1461b6;font-size:14px;width:400px;text-indent: 0;cursor: default;}
.videoitem .vdmiaoshu{width:163px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;font-size:18px;line-height:27px;    display: inline-block;    vertical-align: middle;cursor: default;
font-family:'微软雅黑'; cursor:pointer;}
.vdserver{position:relative;padding-top:10px;}
.vdtime{background:#c1c2c7;width:71px;height:14px;display:inline-block;font-size:12px;color:#1a82d0;border-radius: 7px;text-align: center;line-height: 14px;vertical-align: sub;cursor: default;}
.videoitem .vdicon{width:18px;height:18px;background:url(../img/icon.png) left 0 no-repeat;display:inline-block;padding-right:3px;    vertical-align: sub;}
.videoitem .vdpl i{background-position:0 -42px;}
.videoitem .vdzan i{background-position: 0 -22px;}
.vdzan,.vdbtn,.vdpl{color:#1a82d0;vertical-align: sub;font-size:12px;margin-left:10px; cursor: pointer;    display: inline-block;}
.vdbtn:active,.vdzan:active,.vdpl:active{transform: translate(0,1px);}
.videoitem.active{background:#2e2e2e;}
.videoitem.active .vdmiaoshu{color:#ffffff;}
.videoitem.active .vdtime{background:#424242;}
.liuyanwp{position: absolute;border:solid 1px #e3e5ec;background: #fff;border-radius: 5px;padding:8px;display: none;z-index: 2;transform: translateX(-50%);}
.liuyanwp textarea{border:solid 1px #e3e5ec;width:400px;height:120px;}
.liuyanwp textarea:focus{outline: none;}
.liuyanwp p{text-align: right;padding:6px 0;}
.liuyanwp input{color:#fff;background:#1a82d0;border:none;padding:6px 12px;border-radius: 3px; cursor: pointer;margin-left: 10px;}
.liuyanwp .msgcancel{background:#f1f1f1;color:#000;}
/* videocontent */
.zjmt{width:100%;margin-top:55px;}
.pcjhlist{float:left;width:214px;height:208px;background:url(../img/pcinfo.png) center no-repeat;margin-right:26px; cursor: pointer; margin-bottom: 5px;}
.pcjhlist img{width:204px;height:147px;}
.pclistvp{overflow: hidden;}
.pclistvp p{font-size:14px;text-indent: 28px;line-height:26px;margin-bottom: 27px;}
.pcjhlist  p{text-indent: 0;width:195px;padding-left:10px;font-size:12px;line-height: 20px;margin-top:8px;    height: initial !important;}
.pcjhlist p span{color:#717171;}
.pcjhlist p b{color:#1461b6;padding:0 2px;}
.pchomeimg{padding: 2px 0 0 2px;display: block;}
.pchomeimg video{ background: #000;}        
/*auido*/
.auidovs{width:745px;margin:41px auto 0;}
.audicontor{background:#3e405a;height:67px;border-radius: 0 10px 10px 10px;position: relative;overflow: hidden;}
.adtab {height: 21px;width:600px;}
.js_audioswp{width:100%;}
.js_audioswp .swiper-button-next,.js_audioswp  .swiper-button-prev{background-size:10px 44px;}
.js_audioswp .swiper-button-next{right:5px;}
.js_audioswp .swiper-button-prev{left:5px;}
.adtab .swiper-slide{background: #292a3b;display:inline-block; word-break: keep-all;color:#ffffff;
overflow: hidden;border-radius: 5px 5px  0 0; text-align: center;font-size:13px;
text-overflow: ellipsis;line-height:21px; cursor: pointer;}
    .adtab .swiper-slide.active{background:#3e405a;}
    .audiojs{    background: #3e405a !important;box-shadow: none !important;position: absolute;left:203px;top:20px;}
    .audiojs .play-pause{border:none !important;}
    .audiojs .scrubber{height:7px !important;border-radius: 3.5px;margin:14px 10px !important;}
    .audiojs .progress{background:#7167d6 !important;}
    .audiojs .time{border:none !important; margin-left:30px;}
    .audiojs .time strong{color:#7079eb;}
    .yptitle{width:178px;margin:26px 0 0 30px;color:#ffffff;    word-break: keep-all;
overflow: hidden;
text-overflow: ellipsis;}
.wpdtswp .swiper-slide video{    width: 70%;
    margin: 8rem auto 0;
    display: block;}
/* copyright */
.copyright{border-top:solid 1px #cacaca;padding:43px;text-align: center;margin-top:59px;}
.copyright p{font-size:13px;}
/**/
.dtview{margin-top:57px;}
.tmitem{margin-bottom: 20px;}
.tmtitle{font-size:14px;}
.tmtitle label{display: block;margin-top: 10px;}
.tmtitle label input{ vertical-align: text-bottom;margin:0;margin-right:5px;}
.nrztbtn{vertical-align: middle; cursor: pointer;padding-left:5px;}
.tmitemhide{display:none;}
.nrztbtn.active img{    transform: rotate(180deg);   -webkit-transform: rotate(180deg);   -moz-transform: rotate(180deg);}
.ckdabtn{background:#3e405a;padding:5px;border-radius: 5px;font-size: 13px;color:#ffffff;width:70px;cursor: pointer;margin-top:12px;}
.dainfo{background:#edeff6;color:#ff0000;font-size: 14px;border:solid 1px #c5c6cb;margin-top: 10px;padding:10px 30px;box-sizing: border-box;display:none;}
.dttextipt{width:100%;height:70px;border:solid 1px #c2c3c8;margin-top:10px;padding:5px 15px; box-sizing: border-box;}
.dttextipt:focus{outline: none;}
.dainfo p{text-indent: 26px;font-size: 14px;line-height:28px;}
.c_black{color:black;}
.wdtnr{text-indent: 28px;line-height: 28px;}
.wdtbt{margin-top: 5px;text-indent: 20px;margin-bottom: 8px;}
.jxneirong{padding:30px;}
.miaoshunr{color:#000000;}
.downlist{margin-top:59px;}
.downlist li{line-height: 33px;font-size: 14px;background:#e3e5ec;padding:0 20px;box-sizing: border-box;}
.downlist li:nth-child(even){background:#d9d9d9;}
.downlist li a{float:right;color:#1a82d0;font-size: 13px;}
.downlist li a:hover{text-decoration:underline;}
.downlist li i{margin-left: 10px;}

.v-header .close {
    font-size: 14px;
    position: absolute;
    left: 18px;
    top: 18px;
    height: 25px;
    width: 25px;
    text-align: left;display: none;cursor: pointer;
}
.v-header .close-icon {
    display: inline-block;
    width: 25px;
    height: 2px;
    line-height: 20px;
    background-color: #000;
    position: relative;
    transition: .3s;
    border-radius: 1px;
}       
.v-header .close-icon:after, .v-header .close-icon:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: #000;
    -webkit-transform-origin: left 50%;
    transform-origin: left 50%;
    transition: .3s;
    border-radius: 1px;
    outline: 1px solid transparent;
}
.v-header .close-icon:before {
    top: -8px;
}
.v-header .close-icon:after {
    bottom: -8px;
}
.v-header .close-icon.open {
    background-color: #ffffff;
}
.v-header .close-icon.open:before {
    -webkit-transform: translate3d(0,-2px,0) rotate(45deg);
    transform: translate3d(0,-2px,0) rotate(45deg);
}
.v-header .close-icon.open:after {
    -webkit-transform: translate3d(0,2px,0) rotate(-45deg);
    transform: translate3d(0,2px,0) rotate(-45deg);
}
.v-header .close-icon.open:after, .v-header .close-icon.open:before {
    width: 29px;
}
.menu-mask {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.4);
    display: none;
}
video{    vertical-align: text-bottom;}
.vdshowbtn{    vertical-align: middle;
                cursor: pointer;
                margin: 0 auto;
                display: block;
                width: 16px;}
                .tmtitle p{line-height:22px;}
.textbox{max-height: 234px;overflow: hidden;}
.textbox2{max-height: 156px;overflow: hidden;padding-bottom:53px;}
.textbox2 .wztextwp.active{background:transparent;}
.textbox .nrztbtn, .pclistvp .nrztbtn{    vertical-align: middle;padding:0;
cursor: pointer;padding-left:14px;width:19px;height:21px;
position: absolute;
right: 0;
bottom: 0;
text-align: center;
background: #ffffff;
right: 5px;}      
.pclistvp .nrztbtn{right:0;}  
.vdshowbtn.active img {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}.textbox .nrztbtn  img,.pclistvp .nrztbtn  img{vertical-align: middle;}
.downlist div{overflow: hidden;display: inline-block;line-height:33px;height:33px;vertical-align: middle;}
.mainwp .headnav{display: none;margin-left:0;}
.wpdtswp .swiper-slide{opacity: 0 !important;}
.wpdtswp .swiper-slide-active{opacity: 1 !important;}
.minwpdswp .swiper-slide{background-size: 100% 100%;}
@media screen and (max-width: 1340px) {
	.logo{margin:19px auto 0;width:104px;display:block;}
    .v-header .close{display:block;}
    .lefnav{ -webkit-transform: translate3d(-225px, 0, 0); transform: translate3d(-225px, 0, 0);}
    .lefnav_show{-webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);transition: .2s linear;}
    .containermain{padding-left:0;}
	.headnav{display:none;}
}
@media screen and (max-width: 1110px) {
    .mainwp {width: 93%;}
    .zwcontener{width: 100%;box-sizing: border-box;padding:11% 4%;}
    .videobox{width:497px;margin:5% auto;}
    .videobox .vdlistview{width:100%;margin-top: 10px;}
    .minwpposition{display: none;}
    .wpdtswp{width:90%;}
}
@media screen and (max-width: 860px) {
    .auidovs{width:100%;}
    .zwcontener{margin:36px auto;}
}
@media screen and (max-width: 790px) {
    .auidovs{width:100%;}
    .audicontor{height: 96px;}
    .audiojs{left: 1.6%;top: 50px;}
    .yptitle{width: 225px;margin: 4% 0 0 3%;}
   .wpdtswp{margin-top: 0px;height:100%;}
   .wpdtswp .swiper-slide{background-size: 100% auto;}
   .adtab{width:500px;}
}
@media screen and (max-width: 640px) {
   .pmnav{display: none;}
   .nrtitle{position:initial;width:70%;margin:0 auto 3%;}
   .zwcontener{margin-top:4%;padding-top: 3%;}
   .mainwp{margin-top:0;}
   .videoitem .vdtitle{width:auto;}
   .js_audioswp .swiper-button-next {right: 0px;}
    .js_audioswp .swiper-button-prev {left: 5px;}
   .adtab{width:420px;}
   .liuyanwp textarea{width:300px;height:80px;}
   .liuyanwp{transform: translateX(-60%);}
	.mCustomScrollBox>.mCSB_scrollTools{
		opacity:1;
		filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
	}
}
@media screen and (max-width: 600px) {
    .videobox,.videowp,.videowp video{width:100%;height: auto;box-sizing: border-box;}
    .videoitem .vdmiaoshu{font-size:13px;line-height: 27px;}
    .copyright{padding:5% 0;margin-top:0;border:none;}
    .dainfo{padding:10px;}
    .audiojs .time{margin-left:10px;}
    .header .headnav{display: none;}
    .mainwp {width: 97%;}
    .zwcontener{padding:11% 3%;}
  .mainwp .headnav{display: inline-block;}
  .pcjhlist{margin-right:9px;}
  .liuyanwp{transform: translateX(-100%);}
}
@media screen and (max-width: 414px) {
    .videoitem{padding-left:5px;}
    .videoitem .vdmiaoshu{width:132px;}
    .audiojs .scrubber{width:40% !important;}
    .downlist li{padding:0 3%;}
    .downlist div{width:200px;}
    .zwcontener {
        padding: 11% 2%;
    }
    .nrtitle{text-align: center;}
    .adtab{width:340px;}
}
@media screen and (max-width: 375px) {
	.textbox {max-height: 126px}
    .vdzan, .vdbtn, .vdpl{margin-left:5px;}
    .videoitem .vdmiaoshu {width: 116px;}
    .audiojs{left:0;}
    .adtab{width:300px;}
    .mainwp {width: 100%;}
    .videobox{border:none;}
    .videoitem .vdmiaoshu{width:90px;}
    .videoitem{padding-left:3px;}
    .vdtime{width:63px;}
    .vdzan, .vdbtn, .vdpl {margin-left: 3px;}
    .pcjhlist{float:none;margin:0 auto 8px;}
    .adtab{font-size:0px;}
    .adtab span{width:94px;}
    .audiojs .time{margin-left:0;}
    .downlist div{width:180px;}
    .headnav li{padding:0 12px;}
    .textbox .nrztbtn, .pclistvp .nrztbtn{    right: 10px;}
    .audiojs .scrubber{width:35%  !important;}
    .liuyanwp{transform: translateX(-80%);}
}
@media screen and (max-width: 320px) {
    .liuyanwp textarea{    width: 200px;}
    .liuyanwp{transform: translateX(-90%);}
}